<script setup lang="ts">
import NdPopOver from '@/components/modules/NdPopOver.vue';
</script>
<template>
	<header class="notice-board-root-header">
		<div class="container">
			<div class="logo">
				Nova 
			</div>
			<div class="right-ctrl-container">
				<nd-pop-over>
					<div class="user-entry">
						<img
							src="@/assets/images/30.png"
							width="24"
							height="24"
						>
					</div>
				</nd-pop-over>
			</div>
		</div>
	</header>
</template>
<style lang="scss">
.notice-board-root-header{
	width: 100%;
	margin: 0 auto;
	.container{
		display: flex;
		justify-content: space-between;
		height: 32px;
		padding: 8px 20px;
		background-color: #007bff;
		.logo{
			color: #fff;
			font-size: 24px;
			line-height: 32px;
		}
		.right-ctrl-container{
			display: flex;
			justify-content: right;
			.user-entry{
				padding: 4px;
				cursor: pointer;
				img{
					display: block;
					width: 24px;
					height: 24px;
					border-radius: 50%;
				}
			}
		}
	}
}
</style>